<template>
	<view>
		<u-navbar title="票券管理" placeholder autoBack>
			<view class="flexright xiaohui" slot="right" @click="tianjia">添加</view>
		</u-navbar>
		<u-sticky bgColor="#fff">
			<u-tabs lineColor="#FFB800" :scrollable="false" lineWidth="15" :activeStyle="{
			             color: '#000000',
			             fontWeight: 'bold',
			             transform: 'scale(1.05)'
			         }" :inactiveStyle="{
			             color: '#666666',
			             transform: 'scale(1)'
			         }" :list="list1" @change="tabChage"></u-tabs>
		</u-sticky>
		<view class="mainpadding2">
			<view class="mainpadding_top ffffff radius">
				<view class="flexleft pdl">
					<image src="../../static/image/system/hujiaofw.png" mode="" class="leftmoveimg margin_right"></image>
					<view class="rightmove">
						<view class="titletext bold hei_text yihang">孤注一擲</view>
						<view class="xiaohui">上架時間：2023-23-32</view>
						<view class="flexbetween">
							<view class="xiaohui">已售：10</view>
							<view class="main_size huang_text bold">
								$238.00 <text class="xiaohui">起</text>
							</view>
						</view>
					</view>
				</view>
				<view class="flexbetween margin_top" style="padding: 0 30rpx">
					<view class="flexleft" @click="jumpurl('/pages/workbench/tianjiasp')">
						<u-icon name="edit-pen" color="#999" size="16"></u-icon>
						<view class="xiaohei">編輯</view>
					</view>
					<!-- <view class="flexleft">
						<u-icon name="arrow-up" color="#999" size="12"></u-icon>
						<view class="xiaohei">上架</view>
					</view> -->
					<view class="flexleft">
						<u-icon name="arrow-down" color="#999" size="12"></u-icon>
						<view class="xiaohei">下架</view>
					</view>
					<view class="flexleft">
						<u-icon name="trash" color="#999" size="16"></u-icon>
						<view class="xiaohei">刪除</view>
					</view>
				</view>
			</view>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list1: [{
						name: "電影票",
						id: 1,
					},
					{
						name: "演唱會",
						id: 2,
					},
					{
						name: "店家券",
						id: 3,
					}
				],
				tabsId: 1,
			}
		},
		methods: {
			tabChage(e) {
				this.tabsId = e.id
			},
			jumpurl(url){
				uni.navigateTo({
					url:url
				})
			},
			tianjia(){
				if(this.tabsId==1){
					uni.navigateTo({
						url:"/pages/workbench/tianjiady"
					})
				}else if(this.tabsId==2){
					uni.navigateTo({
						url:"/pages/workbench/tianjiaych"
					})
				}else if(this.tabsId==3){
					uni.navigateTo({
						url:"/pages/workbench/tianjiadjq"
					})
				}
			},
		}
	}
</script>

<style>

</style>
